<template>
	<div>
		<div class="dingdan">
			<div class="title-color2">
				<a href="#/dingdan04">
				<div class="left-02">
					<img src="../../assets/img/gerenzhongxin/gongzhonghao/left-arrow.png" />
				</div>
				</a>
				<div class="qbdingdan">
					<p>订单详情</p>
				</div>
				<div class="bianji01">
					<a href="###"><p>跳过</p></a>
				</div>
			</div>
			<!--内容-->
			<div class="kongbai"></div>
			<div v-for="item in 4" class="sqtk">
				<img src="../../assets/img/gerenzhongxin/gongzhonghao/dabao.png"/>
				<p class="huxi">会呼吸丝滑蜜粉</p>
				<p class="mifen">规格:&nbsp;蜜粉</p>
				<p class="score1">¥166.06</p>
				<p class="jian">❌一件</p>
				<button id="shenqing">申请退款</button>
			</div>
			
		</div>
	</div>
</template>

<script>
</script>

<style>
	html{
		background: #f2f2f2;
	}
	#dd02{
		width: 100%;
		height: 100%;
		background: #f2f2f2;
	}
	.dingdan {
		width: 100%;
		height: 9.6rem;
		background: #e53e42;
	}
	.title-color2 {
		width: 95%;
		display: flex;
		margin-left: 2rem;
		justify-content: space-between;
	}
	.left-02 {
		margin-top: 3rem;
	}
	.left-02 img {
		width: 2.3rem;
		height: 3.8rem;
	}
	.qbdingdan {
		margin-top: 3rem;
	}
	.qbdingdan p {
		height: 3.5rem;
		font-size: 3.6rem;
		color: white;
	}
	.bianji01{
		opacity: 0;
	}
	.sqtk{
		position: relative;
		width: 100%;
		height: 20rem;
		left: 0;
		top: 5rem;
		margin-bottom: 2rem;
		background: white;
		box-shadow: 0px 1px 0px 0px 
		#cccccc;
	}
	.sqtk img{
		position: absolute;
		left: 6.7rem;
		top: 5rem;
		width: 8.6rem;
		height: 10rem;
	}
	.huxi {
		position: absolute;
		font-size: 2.7rem;
		left: 22rem;
		top: 3rem;
	}
	.mifen {
		position: absolute;
		font-size: 2.3rem;
		top: 7.8rem;
		left: 22rem;
	}
	.score1{
		position: absolute;
		font-size: 2.6rem;
		left: 22.3rem;
		top: 15.4rem;
		color:red;
	}
	.jian{
		position: absolute;
		font-size: 2.6rem;
		left: 35rem;
		top: 15rem;
	}
	#shenqing{
		position: absolute;
		background:  #e53e42;
		color: white;
		border-radius: 2rem;
		font-size: 2.3rem;
		padding: 0.5rem;
		left: 58rem;
		top: 14.4rem;
	}
</style>